<div id="focusBar" class="focus-top" style="display: none;">
	<div class="focus-bar">
		<img class="focus-logo-img" src="static/pic/wx/logo.jpg" />
		<div class="focus-text-bar">
			<div class="focus-text-up">779生活宝</div>
			<div class="focus-text-down">北海生活服务平台</div>
		</div>
		<div class="focus-btn" onclick="openFocus2Code()">关注我们</div>
		<img class="focus-close-img" src="static/pic/wap/close.png" onclick="showFocusBar('none')" />
	</div>
	<div class="focus-empty"></div>
</div>

<div id="focusCodeMaskDiv" class="mask-float-div mask-middle" style="display: none;" onclick="closeFocus2Code()">
    <div id="focusCodeFloatDiv" class="focus-code-bg">
        <div class="focus-code-up">
            <img class="focus-code-img" src="static/pic/wx/qrcode.jpg" />
        </div>
        <div class="focus-code-down">
            <div class="focus-code-text-up">长按关注</div>
            <div class="focus-code-text-down">添加"生活宝"公众号</div>
        </div>
    </div>
</div>

<script type="text/javascript">
	function loadFocusBar() {
	    var flag = getStorage('helper_focus');
	    if (flag == null || flag == '') {
	        showFocusBar('');
	    }
	    else {
	        showFocusBar('none');
	    }
	}

	function openFocus2Code() {
	    setDisplay('focusCodeFloatDiv', '');
	    setDisplay('focusCodeMaskDiv', '');
	    document.body.style.overflow = "hidden";
	}

	function closeFocus2Code() {
	    setDisplay('focusCodeFloatDiv', 'none');
	    setDisplay('focusCodeMaskDiv', 'none');
	    document.body.style.overflow = "visible";
	}

	function showFocusBar(status) {
	    setDisplay('focusBar', status);

	    if (status == 'none') {
	        setStorage('helper_focus', 'none');
	    }
	}
</script>

<style type="text/css">
	.focus-top
	{
		margin: 0px auto;
	    max-width: 750px;
	}

	.focus-bar
	{
		width: 100%;
		max-width: 750px;
	    height: 100px;
	    background-color: #F2F2F2;
	    display: -webkit-flex;
	    -webkit-flex-direction: row;
	    -webkit-align-items: center;
	    position: fixed;
	    top: 0;
	    z-index: 101;
	}

	.focus-empty
	{
		height: 100px;
		background-color: #F2F2F2;
	}

	.focus-logo-img
	{
		-webkit-flex: none;
		width: 70px;
		height: 70px;
		margin-left: 24px;
		-webkit-border-radius: 10px;
	}

	.focus-text-bar
	{
		-webkit-flex: auto;
		margin-left: 16px;
	}

	.focus-text-up
	{
		color: var(--theme-color);
		font-size: 28px;
		font-weight: bold;
	}

	.focus-text-down
	{
		color: #797979;
		font-size: 22px;
	}

	.focus-btn
	{
		-webkit-flex: none;
		width: 164px;
		height: 56px;
		line-height: 56px;
		font-size: 26px;
		text-align: center;
		color: white;
		background-color: red;
		-webkit-border-radius: 30px;
	}

	.focus-close-img
	{
		-webkit-flex: none;
		width: 30px;
		height: 30px;
		margin-left: 30px;
		margin-right: 30px;
	}

	.focus-code-bg
	{
	    width: 60%;
	    position: fixed;
	    left: 20%;
	    border: none;
	    z-index: 19901010;
	}

	.focus-code-up
	{
	    background-color: white;
	    text-align: right;
	}

	.focus-code-down
	{
	    height: 100px;
	    background-color: white;
	    text-align: center;
	}

	.focus-code-img
	{
	    width: 100%;
	}

	.focus-code-text-up
	{
	    color: #333333;
	    font-size: 34px;
	}

	.focus-code-text-down
	{
	    color: #797979;
	    font-size: 26px;
	}
</style>